 import Vue from 'vue'  
/* import Vue from'../node_modules/vue/dist/Vue.js' */
//用这个最全的方式去渲染组件有3步：1是import,2是var login与 components:，3是去div坑里<login></login>
//如何在runtime-only（import Vue from 'vue' ）里面渲染组件？？？
/* var login ={
    template:'<h1>这是使用最全的import Vue from/node_modules/vue/due.js网页中形式创建出来的组件ist/V</h1>'
} */
import login from'./login.vue'
//默认webpack无法打包。vue文件，需要安装loader。cnpm i vue-loader vue-template-compiler -D .
var vm =new Vue({
    el:'#app',//去index设置容器
    data:{
        msg:'1223abc'
    },
    /* components:{
        login
    } */
    /* render: function(createElements){
        return createElements(login)
    }可简写：如下 */
    render: c => c (login)
})


//复习在普通网页中如何使用vue：
//1，在script标签中引入vue包
//2，在index页面中创建一个id为app div的容器
//3，通过new vue得到一个vm的实例

//如何在webpack构建项目中使用vue进行开发？
//1，安装vue包:npm i vue -S（意思是安装到项目运行依赖）
//2，导入包，import
//注意：在webpack中使用import Vue from 'vue'导入的vue构造函数功能不全，只提供了runtime-only的方式，并没有提供像网页中那样的使用方式
//如果想使用网页的方式，要手动导入包：'../node_modules/vue/dist/Vue.js'

////如何在runtime-only里面渲染组件？？？
//第一步：1，在src文件夹里面定义一个login.vue的文件
import m1 ,{title as title123333,content}from './test.js'
console.log(m1)
console.log(title123333)
console.log (content)